<template>
  <div>
    <!-- 标题 -->
    <wallet-title :title="queryName" />
    <!-- 手册 -->
    <div v-if="queryIndex === 0">
      <function-manual />
    </div>
    <!-- 常见问题 -->
    <div v-if="queryIndex === 1">
      <function-question />
    </div>
    <!-- 商城 -->
    <div v-if="queryIndex === 2">
      <function-mall />
    </div>
    <!-- 信用 -->
    <div v-if="queryIndex === 3">
      <function-credit />
    </div>
    <!-- 客服 -->
    <div v-if="queryIndex === 4">
      <function-service />
    </div>
    <!-- 留言 -->
    <div v-if="queryIndex === 5">
      <function-message />
    </div>
    <!-- 车辆报修 -->
    <div v-if="queryIndex === 6">
      <function-repair />
    </div>
    <!-- 反馈 -->
    <div v-if="queryIndex === 7">
      <function-feedback />
    </div>
  </div>
</template>

<script>
import FunctionQuestion from '../../components/Profile/Components/FunctionQuestion.vue'
import WalletDetail from '../../components/Profile/Components/WalletDetail.vue'
import WalletTitle from '../../components/common/WalletTitle.vue';
import FunctionService from '../../components/Profile/Components/FunctionService.vue';
import FunctionManual from '../../components/Profile/Components/FunctionManual.vue';
import FunctionCredit from '../../components/Profile/Components/FunctionCredit.vue';
import FunctionMessage from '../../components/Profile/Components/FunctionMessage.vue';
import FunctionRepair from '../../components/Profile/Components/FunctionRepair.vue';
import FunctionFeedback from '../../components/Profile/Components/FunctionFeedback.vue';
import FunctionMall from '../../components/Profile/Components/FunctionMall.vue';
export default {
  components: { WalletDetail, FunctionQuestion, WalletTitle, FunctionService, FunctionManual, FunctionCredit, FunctionMessage, FunctionRepair, FunctionFeedback, FunctionMall },
  data() {
    return {
      queryName: '',
      queryIndex: 0
    }
  },
  mounted() {
    this.getParameter();
  },
  methods: {
    getParameter() {
      this.queryName = this.$route.query.title;
      this.queryIndex = parseInt(this.$route.query.idx);
    }
  }
}
</script>

<style lang="scss" scoped>

</style>